.my-el-able {
  --back-color: #0c272b;
  --back-active: #2ed97a33;
  --table-border: 1px solid #2ed97a;
  --table-text: #fff;
  --head-text: #ccc;
  .el-table--enable-row-hover .el-table__body tr:hover > td {
    background-color: var(--back-active);
  }
  .el-table {
    background-color: var(--back-color);
    color: var(--table-text);
    tr,
    th {
      background-color: var(--back-color);
    }
    .is-leaf,
    td {
      border-bottom: var(--table-border);
    }
    thead {
      color: var(--head-text);
    }
  }
  .el-table--border th,
  .el-table--border td {
    border-right: var(--table-border);
  }
  .el-table--group,
  .el-table--border {
    border: var(--table-border);
  }
  .el-table--group::after,
  .el-table--border::after,
  .el-table::before {
    background-color: transparent;
  }
}
